const { createTheme } = require("@material-ui/core");

const theme = createTheme({
  palette: {
    background: {
      default: "rgb(224,242,241)",
    },
  },
  overrides: {
    MuiInputBase: {
      root: {
        background: "white",
      },
      input: {},
    },
    MuiButton: {
      root: {
        textTransform: "initial",
      },
    },
    MuiToolbar: {
      root: { padding: "0 15px" },
    },
    MuiTableRow: {
      root: {
        "&:nth-of-type(even)": {
          backgroundColor: "rgb(244,244,244)",
        },
      },
    },
    MuiTableHeader: {
      header: {
        backgroundColor: "none",
      },
    },
    MuiTableCell: {
      root: {
        border: "1px solid rgb(225,225,225)",
        padding: 8,
      },
      head: {
        // minWidth: 90,
        resize: "horizontal",
        overflow: "hidden",
        fontWeight: "bold",
      },
    },
  },
});

export default theme;
